<template>
  <div class="lbox-box">
    <div class="content_box whitebg">
      <h1 class="con_tilte">{{ulData.title}}</h1>
      <p class="con_info">
        <b>简介</b>
        {{ulData.con_info}}
      </p>
      <div class="con_text" v-html="ulData.content">{{ulData}}</div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return { ulData: {} };
  },
  mounted(options) {
    var id = api.getparams("id");
    this.getInfo(id);
  },
  methods: {
    getInfo(id) {
      api.getinfo({ id }).then(res => {
        this.ulData = res.data;
      });
    }
  }
};
</script>
<style >
.lbox {
  float: 0;
}
.con_tilte {
  margin-bottom: 10px;
}
.lbox-box {
  width: 800px;
  margin: 20px auto 0;
}
.con_info {
  margin: 0 0 20px;
}
.con_text {
  background: #fff;
}
</style>
